<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="" href="animate.css">
    <title>主页</title>
    <style>
    a{
        text-decoration:none;
    }
    body{
        background-image: url(励志图片.jpg);
        background-size:100%;
        margin:0px;
    }
    nav{
        width:400px;
        margin:50px auto;
        border:1px solid red;
    }
    span:nth-child(1){
        color:#FF0000;
        font-size:50px;
    }
    span:nth-child(2){
        color:#FF7F00;
        font-size:50px;  
    }
    span:nth-child(3){
        color:#FFFF00;
        font-size:50px;
    }
    span:nth-child(4){
        color:#00FF00;
        font-size:50px;
    }
    span:nth-child(5){
        color:#00FFFF;
        font-size:50px;
    }
    span:nth-child(6){
        color:#0000FF;
        font-size:50px;
    }
    span:nth-child(7){
        color:#8B00FF;
        font-size:50px;
    }
    </style>
</head>
<body>
    <nav class="animated.flash">
        <span>这</span>
        <span>些</span>
        <span>都</span>
        <span>是</span>
        <span>小</span>
        <span>意</span>
        <span>思</span>
    </nav>
<a href="斗图吧.html">斗图吧</a>
<a href="透明不透明.html">透明不透明</a>
<a href="小图变大图.html">小图变大图</a>
<a href="优酷导航栏.html">优酷导航栏</a>
<a href="下拉菜单.html">下拉菜单</a>
<a href="倒计时.html">倒计时</a>
<a href="唯品会1.html">唯品会1</a>
<a href="模拟select.html">模拟select</a>
<a href="下拉菜单.html">下拉菜单</a>
<a href="选项卡.html">选项卡</a>
<a href="三星手机小特效.html">三星手机小特效</a>
<a href="遮罩层.html">遮罩层</a>
<a href="./W小米/小米商城.html">小米</a>

</body>
</html>